@charset "utf-8";

html{width:100%;height:100%}
body { margin:0; padding:0; width:100%; color:#5f5f5f;
	font:14px/28px Segoe UI,Tahoma,Verdana,Arial,Helvetica,sans-serif;
	
}
img{padding:0;margin:0}

#topBar{
	height:44px;
	color:white;
	background:#515151 url('../images/footer-bg.png')
}
.topBarBack{
	float:left;
	width:44px;
	height:44px;
	border-right:1px #222 solid;
	background:url('../images/back.png') no-repeat center center
}
.topBarBack:active{
	background:black url('../images/back.png') no-repeat center center
}
.topBarBack span{
	display:block;
	height:44px;
	float:left
}
.topBarName{
	float:left;
	height:44px;
	line-height:44px;
	font-weight:bold;
	font-size:1.2em
}
.topBarName span{
	padding-left:15px
}

#navBar{
	height:40px;
	color:white;
	background:#5F5F5F
}
.navBarList{
	height:40px;
	float:left;
	text-align:center
}
.navBarList:active{
	background:black
}
.navBarL{
	width:33.33%;
	background:orange-
}
.navBarM{
	width:33.33%;
	background:green-
}
.navBarR{
	width:33.33%;
	background:orange-
}
.navBarTit{
	height:38px;
	line-height:40px;
	background:orange-
}
.navBarM div.navBarTit{
	height:26px;
	line-height:28px;
	margin-top:5px;
	margin-bottom:7px;
	border:1px solid #999;
	border-top:none;
	border-bottom:none;
	background:red-
}
.navBarStation{
	height:2px;
	/*background:  url('../images/tab_unselected.png') repeat-x 0 0px*/
	background:#00ADEE
}
.navOn{
	/*background:orange url('../images/tab_selected.png') repeat-x 0 4px*/
	background:orange
}
.middleStation{
	border:1px solid #bbb;
	border-top:none;
	border-bottom:none;
}



#containerL{
	width:100%
}

#coverBox{
	height:170px;
	overflow:hidden;
	background:#999999
}
#coverBox img.coverImg{
	width:100%
}
#avatarBox{
	width:100%;
	height:46px;
	background:orange-
}
.userAvatar{
	position: absolute;
	width:120px;
	height:120px;
	top:171px;
	right:20px;
	padding:5px;
	overflow:hidden;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3)
}
.userAvatar img{
	width:100%;
	overflow:hidden;
}
.more{
	position:absolute;
	width:25px;
	height:32px;
	margin-top:15px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
	background:#ccc url('../images/triangle.png') no-repeat center center;
	z-index: 10
}
.more:active{
	background:#ccc url('../images/arrow3.png') no-repeat center center
}
.moreClose{
	background:#ccc url('../images/arrow2-left.png') no-repeat center center;
}
.moreClose:active{
	background:#ccc url('../images/arrow3-left.png') no-repeat center center
}
.moreBox{
	width:100px;
	height:150px;
	float:left;
	margin-left:-100px;
	background:#ccc
}

.followBtn{
	position:absolute;
	width:80px;
	height:32px;
	margin-left:20px;
	margin-top:15px;
	background:#ccc;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
	z-index: 9
}
.followBtn:active{
	background:black
}
.followBtn span{
	display:block;
	float:left;
	height:32px;
	line-height:32px;
	
}
.followBtn span.unfollowIco{
	width:30px;
	background: url('../images/fav-off.png') no-repeat right center
}
.followBtn span.followIco{/*关注后的btn样式*/
	width:30px;
	background: url('../images/fav-on.png') no-repeat right center
}
.followBtn span.followTit{
	width:50px;
	text-align:center;
	font-size:1.2em;
	color:white
}
.gender{
	position:absolute;
	width:30px;
	height:32px;
	margin-left:118px;
	margin-top:15px;
	background:url('../images/w.png') no-repeat center center;
	z-index: 9
}


#signBox{
	height:auto;
	overflow:hidden
}
.signBoxArrow{
	height:20px
}
.signArrow{
	position: absolute;
	width:0;
	height:0;
	right:70px;
	margin-top:-7px;
	border-width: 14px;
	border-style: dashed dashed solid dashed;
	border-color: transparent transparent #eee transparent
}
.signArrowIn{
	width:30px;
	height:15px;
	margin-left:-14px;
	background: url('../images/arrow1-big.png') no-repeat center 1px
}
.signBoxContent{
	border:1px #eee solid;
	border-left:none;
	border-right:none;
}
#signBox p{
	margin:0;
	padding:22px 15px;
	line-height:28px;
	
}

#introduceBox{
	height:auto;
	overflow: hidden;
	padding:10px 0;
	border-bottom:1px solid #eee
}
#introduceBox p{
	margin:0;
	padding:5px 15px 10px 15px;
}

#photoBox{
	height:auto;
	overflow: hidden;
	border-bottom:1px solid #eee
}
.photoList{
	float:left;
	height:98px;
	overflow: hidden
}
.photoList img{
	height:98px;
}
.pA{
	width:98px;
}
.pB{
	width:73px;
	border:1px solid #eee;
	border-top:none;
	border-bottom:none;
}
.pC{
	width:73px;
	border-right:1px solid #eee
}
.pD{
	width:73px
}


#infoBox{
	height:auto;
	overflow:hidden
}
.infoList{
	padding:15px 0 0 0;
}
.infoListTit{
	border-bottom:1px #00ADEE solid;
	padding:5px;
}
.infoListTit span{
	padding-left:5px
}
.listItem{
	padding:0 10px;
	height:40px;
	border-bottom:1px solid #eee;
	font-size:14px;
	color:#999
}
.listItem:active{
	background:#999;
	color:white
}
.listItem div{
	float:left;
	height:40px;
	line-height:40px;
}
.itemIco{
	width:10%
}
.itemTit{
	width:30%
}
.itemContent{
	width:60%;
	text-align:right;
}

.mobileIco{
	background:url('../images/1338779559_Black_Mobile.png') no-repeat center center
}
.emailIco{
	background:url('../images/1338779719_email.png') no-repeat center center
}
.addressIco{
	background:url('../images/at_16x16.png') no-repeat center center
}

.linksIco{
	background:url('../images/link_16x16.png') no-repeat center center
}

.career{
	
}
.careerListItem{
	padding:0 10px;
	height:auto;
	overflow:hidden;
	border-bottom:1px solid #eee;
	font-size:14px;
	color:#999
}
.careerListTit{
	width:32%;
	float:left;
	padding:10px 0;
	line-height:20px;
	overflow:hidden;
	background:orange-
}
.careerName{
	float:left;
	clear:both;
	width:100%;
	color:#333;
	
}
.careerLevel{
	float:left;
	clear:both;
	padding-top:5px;
	padding-right:15px;
	font-size:13px;
}
.careerTime{
	float:left;
	clear:both;
	padding-top:5px;
	font-size:13px;
}
.careerListTit span{
	padding-left:5px;
	padding-right:15px;
}
.careerListContent{
	width:68%;
	float:left;
	padding:5px 0;
}
.careerContentIn{
	clear:both
}


#footerFixed{
	position: fixed;
	width:100%;
	height:40px;
	bottom:0;
	line-height:40px;
	text-align:center;
	color:white;
	background:#5F5F5F 
}
#footerFixed:active{
	background:black
}
.cardExchange{
	width:100px;
	height:40px;
	margin:0 auto;
}
.cardTit{
	height:40px
}



#containerM{
	display:none;
	width:100%;
	height:300px;
	background:orange
}

#containerR{
	display:none;
	width:100%;
	height:350px;
	background:#999999
}


